<!--
所需数据：
// 区域名称及客流
{name: '乌鲁木齐市', value: 20057.34},
...
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>客流来源(疆内-geo)</title>
    <!-- 引入jquery文件 -->
    <script src="../js/jquery-3.1.1.js"></script>
    <!-- 引入 ECharts 文件 -->
    <script src="../js/echarts.js"></script>
    <script src="../data/xj.js"></script>
</head>
<body>
<div id="main" style="width: 800px;height:600px;"></div>

<script>
    var chart = echarts.init(document.getElementById('main'));
    chart.setOption({
        title: {
            text: '客流来源(疆内-geo)',
        },
        tooltip: {
            trigger: 'item',
            formatter: '{b}<br/>{c}人'
        },
        toolbox: {
            show: true,
            orient: 'vertical',
            left: 'right',
            top: 'center',
            feature: {
                dataView: {readOnly: false},
                restore: {},
                saveAsImage: {}
            }
        },
        visualMap: {
            min: 800,
            max: 50000,
            text:['High','Low'],
            realtime: false,
            calculable: true,
            inRange: {
                color: ['lightskyblue','yellow', 'orangered']
            }
        },
        series: [
            {
                name: '客流来源(疆内-geo)',
                type: 'map',
                mapType: '新疆', // 自定义扩展图表类型
                itemStyle:{
                    normal:{label:{show:true}},
                    emphasis:{label:{show:true}}
                },
                data:[
                    {name: '乌鲁木齐市', value: 20057.34},
                    {name: '克拉玛依市', value: 15477.48},
                    {name: '北屯市', value: 15477.48},
                    {name: '五家渠市', value: 15477.48},
                    {name: '石河子市', value: 15477.48},
                    {name: '双河市', value: 15477.48},
                    {name: '铁门关市', value: 15477.48},
                    {name: '阿拉尔市', value: 15477.48},
                    {name: '图木舒克市', value: 15477.48},
                    {name: '吐鲁番地区', value: 31686.1},
                    {name: '哈密地区', value: 6992.6},
                    {name: '昌吉回族自治州', value: 44045.49},
                    {name: '博尔塔拉蒙古自治州', value: 40689.64},
                    {name: '巴音郭楞蒙古自治州', value: 37659.78},
                    {name: '阿克苏地区', value: 45180.97},
                    {name: '克孜勒苏柯尔克孜自治州', value: 55204.26},
                    {name: '喀什地区', value: 21900.9},
                    {name: '和田地区', value: 4918.26},
                    {name: '伊犁哈萨克自治州', value: 5881.84},
                    {name: '塔城地区', value: 4178.01},
                    {name: '阿勒泰地区', value: 2227.92}
                ]
            }
        ]
    });
</script>
</body>
</html>